<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Basic DataGrid - jQuery EasyUI Demo</title>
    <link rel="stylesheet" th:href="@{/js/jquery-easyui-1.9.0/demo/demo.css}">
    <link rel="stylesheet" th:href="@{/js/jquery-easyui-1.9.0/themes/icon.css}">
    <link rel="stylesheet" th:href="@{/js/jquery-easyui-1.9.0/themes/default/easyui.css}">
    <script type="text/javascript" th:src="@{/js/jquery-easyui-1.9.0/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery-easyui-1.9.0/jquery.easyui.min.js}"></script>
</head>
<body>
    <h2>审批列表</h2>
    <table id="tt" class="easyui-datagrid" style="width:1200px;height:250px"></table>
    <script type="text/javascript">
        var columns = [{
            field : 'title',
            title : "标题",
            width : 200,
            fixed : true,
            sortable : true
          },{
              field : 'create_time',
              title : "创建时间",
              width : 200,
              fixed : true,
              sortable : true,
              formatter : function(value, item, index) {
                  return dateFormat("YYYY-mm-dd HH:MM:SS", value);
              }
          },{
              field : 'finish_time',
              title : "结束时间",
              width : 200,
              fixed : true,
              sortable : true,
              formatter : function(value, item, index) {
                  return dateFormat("YYYY-mm-dd HH:MM:SS", value);
              }
          },{
              field : 'originator_userid',
              title : "发起人id",
              width : 100,
              fixed : true,
              sortable : true
          },{
              field : 'originator_dept_id',
              title : "发起人部门id",
              width : 100,
              fixed : true,
              sortable : true
          },{
              field : 'status',
              title : "状态",
              width : 100,
              fixed : true,
              sortable : true
          },{
              field : 'result',
              title : "结果",
              width : 100,
              fixed : true,
              sortable : true
          },{
              field : 'download_url',
              title : "附件下载",
              width : 100,
              fixed : true,
              sortable : true,
              formatter : function(value, item, index) {
                  return '<a href="'+ value +'" download="111.txt">附件下载</a>';
              }
          }
        ];
        $("#tt").datagrid({
            url : "/province/list",
            columns : [ columns ],
            singleSelect: true,
            method: "GET"
        });
        
        function dateFormat(fmt, date) {
            if(!date){
                return "";
            }
            let ret;
            date = new Date(date);
            let opt = {
                "Y+": date.getFullYear().toString(),        // 年
                "m+": (date.getMonth() + 1).toString(),     // 月
                "d+": date.getDate().toString(),            // 日
                "H+": date.getHours().toString(),           // 时
                "M+": date.getMinutes().toString(),         // 分
                "S+": date.getSeconds().toString()          // 秒
                // 有其他格式化字符需求可以继续添加，必须转化成字符串
            };
            for (let k in opt) {
                ret = new RegExp("(" + k + ")").exec(fmt);
                if (ret) {
                    fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
                };
            };
            return fmt;
        }
    </script>
</body>
</html>